
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ page import="model.*,java.util.List;" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="CSS/main.css">
<title>Travel</title>
</head>
<body>
	<!-- div contain chứa toàn bộ trang web--> 
    <div id="contain"> 
     
    <!--div header trên cùng của trang chứa logo , lời giới thiệu ---> 
        <header id="top_header"> 
            <img height="" src="images/banner4.jpg" id="banner"/>          
        </header> 
     <!--kết thúc div header--> 
      
     <!-- div menu  --> 
        <nav id="top_menu"> 
            <ul> 
                <li><a href="Home.jsp">Trang chủ</a></li> 
                <li><a href="Home.jsp">Du lịch trong nước</a></li> 
                <li><a href="Home.jsp">Du lịch nước ngoài</a></li> 
                <li><a href="Home.jsp">Liên lạc</a></li> 
            </ul> 
        </nav> 
        <!-- kết thúc div menu--> 
         
        <!--div main chứa phần nội dung của trang --> 
        <div id="main"> 
            <section id="main_section"> 
            	<% 
            	TourDAO da= new TourDAO();
            	List<Tour> tours=da.DanhSachTour();
            	for (Tour tour : tours) {
            	%>
            		<article> 
                	<img width="100px" height="80px" src="images/<%= tour.getImage() %>" id="logo"/>
                    <header> 
                        <hgroup> 
                            <h2 title="<%= tour.getTentour()%>"><a href="DetailTour.jsp?MaTour=<%= tour.getMatour() %>">
                            <%
                            	String ti="";
	                            if(tour.getTentour().length()>60) 
	                        		ti=tour.getTentour().substring(0,60).concat("...");
	                        	else 
	                        		ti=tour.getTentour();
                            %>
                            <%= ti %>
                            </a></h2> 
                        </hgroup> 
                    </header> 
                    <p><b>Giá: </b><strong class='price'><%= tour.getGia() %></strong></p> 
                    <p><%=tour.getDiemkhoihanh()%></p>
                    <p><b>Thời gian: </b><%=tour.getThoigian()%></p>
                	</article> 
            	<% 
            	}
            	%>
            	
            </section> 
            <aside id="side_news"> 
                <h4>Tin tức</h4> 
                Tin hot trong ngày! 
            </aside> 
        </div> 
        <!--kết thúc div main--> 
         
        <!--footer --> 
        <footer id="the_footer"> 
            Copyright 2013 
        </footer> 
        <!-- kết thúc footer--> 
         
     </div> <!--kết thúc div contain--> 
</body>
</html>